<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="demo/html; charset=UTF-8">
  <title>X-PLUS - MES专家：生产IT专业技能市场领导者！</title>
  <meta name="generator" content="X-PLUS MES">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="X-PLUS新进MES专家提供生产IT领域的产品、服务和解决方案。发现我们的产品包和有趣事件。X-PLUS助力实现工业4.0">
  <meta name="robots" content="index, follow">
  <!-- Vendor CSS Files -->
  <link th:href="@{vendor/aos/aos.css}" rel="stylesheet">
  <link th:href="@{vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
  <link th:href="@{vendor/bootstrap-icons/bootstrap-icons.css}" rel="stylesheet">
  <link th:href="@{vendor/boxicons/css/boxicons.min.css}" rel="stylesheet">
  <link th:href="@{vendor/glightbox/css/glightbox.min.css}" rel="stylesheet">
  <link th:href="@{vendor/remixicon/remixicon.css}" rel="stylesheet">
  <link th:href="@{vendor/swiper/swiper-bundle.min.css}" rel="stylesheet">

  <!-- Template Main CSS File -->
<!--  <link th:href="@{css/style.css}" rel="stylesheet">-->

  <!-- Vendor JS Files -->
  <script th:src="@{vendor/purecounter/purecounter.js}"></script>
  <script th:src="@{vendor/aos/aos.js}"></script>
  <script th:src="@{vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
  <script th:src="@{vendor/bootstrap/js/bootstrap.js}"></script>
  <script th:src="@{vendor/glightbox/js/glightbox.min.js}"></script>
  <script th:src="@{vendor/isotope-layout/isotope.pkgd.min.js}"></script>
  <script th:src="@{vendor/swiper/swiper-bundle.min.js}"></script>
  <script th:src="@{vendor/php-email-form/validate.js}"></script>
  <script th:src="@{vendor/jq/jquery-3.4.1.js}"></script>

  <!-- Template Main JS File -->
<!--  <script th:src="@{js/main.js}"></script>-->
<!--  <script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js"></script>-->
  <script th:inline="javascript">
    $(document).ready(function(){
      window.location.hash=("home.html")
      $("#test").load("home.html");
      $("a").click(function (e) {
        e.preventDefault();//阻止默认的链接打开操作
        // console.log($(this).attr("href"))
        // console.log(e)
        window.location.hash=($(this).attr("href"))
        $("#test").load($(this).attr("href"));
      })
    })
  </script>
  <script>
    function getWebPageNameFromRegex(url) {
      // 正则表达式匹配路径和查询字符串（不包括IP地址或域名）
      const regex = /#(.*)$/;
      const match = url.match(regex);
      if (match && match[1]) {
        return match[1];
      }
      return ''; // 如果没有匹配到，返回空字符串
    }
    // 监听popstate事件
      $(window).on('popstate', function(event) {
        let currentUrl = window.location.href
        // getWebPageNameFromRegex(currentUrl)
        // console.log(getWebPageNameFromRegex(currentUrl))
        let jumpUrl = getWebPageNameFromRegex(currentUrl)
        $("#test").load(jumpUrl);
      });
  </script>
<!--  <script>-->
<!--    document.addEventListener('DOMContentLoaded', function() {-->
<!--      var navLinks = document.querySelectorAll('.nav-link');-->
<!--      var currentPath = window.location.href; // 获取当前页面的路径-->

<!--      navLinks.forEach(function(link) {-->
<!--        var href = link.getAttribute('href');-->
<!--        console.log(currentPath)-->
<!--        console.log(href)-->

<!--        // 检查链接的href是否与当前页面的路径匹配-->
<!--        if (href === currentPath || href === '' && currentPath === '/') {-->
<!--          link.classList.add('active'); // 如果匹配，添加active类-->
<!--        } else {-->
<!--          link.classList.remove('active'); // 如果不匹配，移除active类-->
<!--        }-->
<!--      });-->
<!--    })-->
<!--  </script>-->
  <style>
    .header-container{
      width: 100%;
      font-family: "Open Sans", sans-serif;
      color: #444444;!important;
      background: #f6f3f3;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: center;
    }
    .header-right{
      width: 50%;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: center;
    }
    .logo{
      display: flex;
      font-size: 3vw;
      margin: 20px 30% 20px 5%;
      padding: 0;
      font-weight: 600;
      font-family: "Poppins", sans-serif;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
    }
    /*.logo img{*/
    /*  max-height: 60px;*/
    /*}*/
    /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
    /**
    * Desktop Navigation
    */
    .navbar {
      padding: 0;
    }
    .navbar ul {
      margin: 0;
      padding: 0 15px;
      display: flex;
      list-style: none;
      align-items: center;
    }
    .navbar li {
      position: relative;
      padding: 0 10px;
      display: flex;
      list-style: none;
      align-items: center;

    }
    /*导航栏菜单字体大小*/
    .navbar a, .navbar a:focus {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0 10px 30px;
      font-family: "Raleway", sans-serif;
      font-size: 25px;
      font-weight: 500;
      color: #65676b;
      white-space: nowrap;
      transition: 0.3s;
    }
    /* 隐藏下拉菜单中的箭头 */
    .dropdown-toggle::after {
      display: none;
    }
    /*下拉框内字体*/
    .navbar a i, .navbar a:focus i {
      font-size: 15px;
      line-height: 0;
      margin-left: 5px;
    }   /*.navbar li:hover, .navbar p:hover >p{*/
    /*  border-bottom: #274eee 5px solid;*/
    /*}*/

    .navbar a:hover, .navbar li:hover > p {
        border-bottom: #274eee 5px solid;
    }
    .navbar .dropdown ul {
      display: block;
      position: absolute;
      top: calc(100% + 30px);
      margin: 0;
      padding: 10px 0;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      background: #fff;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
      transition: 0.3s;
    }
    .navbar .dropdown ul li {
      min-width: 100px;
    }
    .navbar .dropdown ul a {
      padding: 10px 20px;
      font-size: 14px;
    }
    .navbar .dropdown ul a i {
      font-size: 12px;
    }
    .navbar .dropdown ul a:hover , .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
      color: #fff;
      background: #274eee;
    }
    .navbar .dropdown:hover > ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
    }
    .navbar .dropdown .dropdown ul {
      top: 0;
      left: calc(100% - 30px);
      visibility: hidden;
    }
    .navbar .dropdown .dropdown:hover > ul {
      opacity: 1;
      top: 0;
      left: 100%;
      visibility: visible;
    }
    @media (max-width: 1366px) {
      .navbar .dropdown .dropdown ul {
        left: -80%;
      }
      .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
      }
    }

    /**
    * Mobile Navigation
    */
    .mobile-nav-toggle {
      color: #050505;
      font-size: 28px;
      cursor: pointer;
      display: none;
      line-height: 0;
      transition: 0.5s;
    }
    .mobile-nav-toggle.bi-x {
      color: #fff;
    }

    @media (max-width: 991px) {
      .mobile-nav-toggle {
        display: block;
      }

      .navbar ul {
        display: none;
      }
    }
    .navbar-mobile {
      position: fixed;
      overflow: hidden;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.9);
      transition: 0.3s;
      z-index: 999;
    }
    .navbar-mobile .mobile-nav-toggle {
      position: absolute;
      top: 15px;
      right: 15px;
    }
    .navbar-mobile ul {
      display: block;
      position: absolute;
      top: 55px;
      right: 15px;
      bottom: 15px;
      left: 15px;
      padding: 10px 0;
      background-color: #fff;
      overflow-y: auto;
      transition: 0.3s;
    }
    .navbar-mobile a, .navbar-mobile a:focus {
      padding: 10px 20px;
    /*.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {*/
    /*  margin: 15px;*/
    }
    .navbar-mobile .dropdown ul {
      position: static;
      display: none;
      margin: 10px 20px;
      padding: 10px 0;
      z-index: 99;
      opacity: 1;
      visibility: visible;
      background: #fff;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }
    .navbar-mobile .dropdown ul li {
      min-width:100px;
    }
    .navbar-mobile .dropdown ul a {
      padding: 10px 20px;
    }
    .navbar-mobile .dropdown ul a i {
      font-size: 12px;
    }
    .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
      color: #e03a3c;
    }
    .navbar-mobile .dropdown > .dropdown-active {
      display: block;
    }
    .swiper-pagination {
      margin-top: 20px;
      position: relative;
    }
    .swiper-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background-color: #fff;
      opacity: 1;
      border: 1px solid #1b74e4;
    }
    .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #1b74e4;
    }
    .swiper-slide img {
      opacity: 0.5;
      transition: 0.3s;
      filter: grayscale(10);
    }
    .swiper-slide img:hover {
      opacity: 1;
      filter: none;
    }
    /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
    #footer {
      color: #fff;
      font-size: 14px;
      background: #050505;
    }
    #footer .footer-top {
      padding: 60px 0 30px 0;
      background: #1b1b1b;
    }
    #footer .footer-top .footer-contact {
      margin-bottom: 30px;
    }
    #footer .footer-top .footer-contact h3 {
      font-size: 26px;
      line-height: 1;
      font-weight: 700;
    }
    #footer .footer-top .footer-contact h3 span {
      color: #e03a3c;
    }
    #footer .footer-top .footer-contact p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 0;
      font-family: "Raleway", sans-serif;
    }
    #footer .footer-top h4 {
      font-size: 16px;
      font-weight: bold;
      position: relative;
      padding-bottom: 12px;
    }
    #footer .footer-top h4::after {
      content: "";
      position: absolute;
      display: block;
      width: 20px;
      height: 2px;
      background: #1b74e4;
      bottom: 0;
      left: 0;
    }
    #footer .footer-top .footer-links {
      margin-bottom: 30px;
    }
    #footer .footer-top .footer-links ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    #footer .footer-top .footer-links ul i {
      padding-right: 2px;
      color: white;
      font-size: 18px;
      line-height: 1;
    }
    #footer .footer-top .footer-links ul li {
      padding: 10px 0;
      display: flex;
      align-items: center;
    }
    #footer .footer-top .footer-links ul li:first-child {
      padding-top: 0;
    }
    #footer .footer-top .footer-links ul a {
      color: #aaaaaa;
      transition: 0.3s;
      display: inline-block;
      line-height: 1;
    }
    #footer .footer-top .footer-links ul a:hover {
      text-decoration: none;
      color: #fff;
    }
    #footer .footer-newsletter {
      font-size: 15px;
    }
    #footer .footer-newsletter h4 {
      font-size: 16px;
      font-weight: bold;
      position: relative;
      padding-bottom: 12px;
    }
    #footer .footer-newsletter form {
      margin-top: 30px;
      background: #fff;
      padding: 5px 10px;
      position: relative;
      border-radius: 4px;
      text-align: left;
    }
    #footer .footer-newsletter form input[type=email] {
      border: 0;
      padding: 4px 8px;
      width: calc(100% - 100px);
    }
    #footer .footer-newsletter form input[type=submit] {
      position: absolute;
      top: 0;
      right: -1px;
      bottom: 0;
      border: 0;
      background: none;
      font-size: 16px;
      padding: 0 20px;
      background: #e03a3c;
      color: #fff;
      transition: 0.3s;
      border-radius: 0 4px 4px 0;
      box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    }
    #footer .footer-newsletter form input[type=submit]:hover {
      background: #e35052;
    }
    #footer .credits {
      padding-top: 5px;
      font-size: 13px;
    }
    #footer .social-links a {
      font-size: 18px;
      display: inline-block;
      background: #2b2b2b;
      color: #fff;
      line-height: 1;
      padding: 8px 0;
      margin-right: 4px;
      border-radius: 4px;
      text-align: center;
      width: 36px;
      height: 36px;
      transition: 0.3s;
    }
    #footer .social-links a:hover {
      background: #e03a3c;
      color: #fff;
      text-decoration: none;
    }
  </style>
</head>
<body>
<header id="header" class="header-container">
  <div class="logo">
    <img th:src="@{img/logo.png}">
    <text font-weight="bold">信加科技</text>
  </div>
  <div class="header-right">
    <nav class="navbar navbar-expand-lg justify-content-start bg-body-tertiary">
      <div class="container-fluid">
        <a class="navbar-brand" href="home.html">首页</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item dropdown active" aria-current="true">
              <a class="nav-link dropdown-toggle" href="productService.html" role="button" data-bs-toggle="dropdown" aria-expanded="false" >
                产品与服务
              </a>
              <ul class="dropdown-menu mt-0">
                <li><a class="dropdown-item" href="product1.html">电池生产制造执行系统XMES</a></li>
                <li><a class="dropdown-item" href="product2.html">PACK线生产制造系统PMES</a></li>
                <li><a class="dropdown-item" href="product3.html">电池生产智能控制平台系统线CMES</a></li>
                <li><a class="dropdown-item" href="product4.html">工厂能量管理系统XEMS</a></li>
                <li><a class="dropdown-item" href="productService.html">工业自动化工控软件设计</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="solution.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                解决方案
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="solution1.html">锂电池生产</a></li>
                <li><a class="dropdown-item" href="solution.html">能源储能行业</a></li>
                <li><a class="dropdown-item" href="solution.html">医疗行业</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="customer.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                客户案例
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="customer.html">合作客户</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="news.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                新闻中心
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="news.html">公司新闻</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="about.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                关于我们
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="about.html">关于信加</a></li>
                <li><a class="dropdown-item" href="about.html">联系我们</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </div>
</header><!-- End Header -->
<div id="carouselExampleControls" class="carousel slide w-100 " data-bs-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active" data-interval="800">
        <img th:src="@{img/clients/化工i能源.jpg}" class="d-block w-100" height=500vh alt="...">
      </div>
      <div class="carousel-item">
        <img th:src="@{img/clients/电子制造.jpg}" class="d-block w-100"   height=500vh alt="...">
      </div>
      <div class="carousel-item">
        <img th:src="@{img/solutions/MES_3.jpg}" class="d-block w-100"   height=500vh alt="...">
      </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
</div>
<!--content-->
<div id="test">

</div>
  </div>
</div>
<footer id="footer">
  <div class="footer-top">
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-6 footer-contact">
          <h3>X-Plus<span>.</span></h3>
          <p>
            广州信加科技有限公司 <br>
            广州, 番禺区, 南村镇<br>
            马庄工业街5号1栋新光创意中心327号 <br><br>
            <strong>Phone:</strong> +86 1862 0798 641<br>
            <strong>Email:</strong> x-plus@foxmail.com<br>
          </p>
        </div>

        <div class="col-lg-2 col-md-6 footer-links">
          <h4>软件解决方案</h4>
          <ul>
            <li><i class="bx bx-chevron-right"></i> <a href="#solution.html">行业</a></li>
            <li><i class="bx bx-chevron-right"></i> <a href="productService.html">产品</a></li>
            <li><i class="bx bx-chevron-right"></i> <a href="solution.html">获得支持</a></li>
            <li><i class="bx bx-chevron-right"></i> <a href="productService.html">购买</a></li>
          </ul>
        </div>

        <div class="col-lg-3 col-md-6 footer-links">
          <h4>您的成功之路</h4>
          <ul>
            <li><i class="bx bx-chevron-right"></i>社区</li>
            <li><i class="bx bx-chevron-right"></i>在线咨询</li>
            <li><i class="bx bx-chevron-right"></i>产品文档</li>
            <li><i class="bx bx-chevron-right"></i>培训</li>
          </ul>
        </div>

        <div class="col-lg-3 col-md-6 footer-links">
          <h4>我们的故事</h4>
          <ul>
            <li><i class="bx bx-chevron-right"></i> <a href="productService.html">关于X-Plus</a></li>
            <li><i class="bx bx-chevron-right"></i> <a href="test.html">云服务</a></li>
            <li><i class="bx bx-chevron-right"></i> <a href="company.html">工作机会</a></li>
            <li><i class="bx bx-chevron-right"></i> <a href="news.html">新闻中心</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>
<!--    <div class="row">-->
<!--      <div class="col-md-12 bg-success ">-->
<!--        <iframe name="myFrame" width="100%" height="600px" src="home.html"></iframe>-->
<!--      </div>-->
<!--    </div>-->

</body>
</html>